<#include "header.ftl">

			<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=6f44a98bca062cd57301e04f0a92359a"></script> 
			
			
			<div><p></p></div>

			<div class="panel panel-default">
			  <!-- Default panel contents -->
			  <div class="panel-heading"><strong>${groupTitle}</strong></div>
			
			  <!-- Map -->
              <div id="container" style="height:500px; width:100%; margin:0; padding:0;"></div>
	        
	        <p></p>
			</div>  <!-- /panel -->
			
<#include "footer.ftl">


<style type="text/css">
        .info {
            border: solid 1px silver;
        }
        div.info-top {
            position: relative;
            background: none repeat scroll 0 0 #F9F9F9;
            border-bottom: 1px solid #CCC;
            border-radius: 5px 5px 0 0;
        }
        div.info-top div {
            display: inline-block;
            color: #333333;
            font-size: 14px;
            font-weight: bold;
            line-height: 31px;
            padding: 0 10px;
        }
        div.info-top img {
            position: absolute;
            top: 10px;
            right: 10px;
            transition-duration: 0.25s;
        }
        div.info-top img:hover {
            box-shadow: 0px 0px 5px #000;
        }
        div.info-middle {
            font-size: 12px;
            padding: 6px;
            line-height: 20px;
        }
        div.info-bottom {
            height: 0px;
            width: 100%;
            clear: both;
            text-align: center;
        }
        div.info-bottom img {
            position: relative;
            z-index: 104;
        }
        span {
            margin-left: 5px;
            font-size: 11px;
        }
        .info-middle img {
            float: left;
            margin-right: 6px;
        }
    </style>
    
    

<script type="text/javascript">

var map = new AMap.Map('container',{
   zoom: 13,
   center: [121.4735623090,31.2303122784]
});

//模拟区域
var points=[];
AMap.service('AMap.DistrictSearch', function() {
            var opts = {
                subdistrict: 1,   //返回下一级行政区
                extensions: 'all',  //返回行政区边界坐标组等具体信息
                level: 'city' , //查询行政级别为 市
				zIndex:0
            };
			//实例化DistrictSearch
            district = new AMap.DistrictSearch(opts);
            district.setLevel('district');
            //行政区查询
            district.search('黄浦区', function(status, result) {
                var bounds = result.districtList[0].boundaries;
				points=bounds[0];
                var polygons = [];
                if (bounds) {
                    for (var i = 0, l = bounds.length; i < l; i++) {
                        //生成行政区划polygon
                        var polygon = new AMap.Polygon({
                            map: map,
                            strokeWeight: 4,
                            path: bounds[i],
                            fillOpacity: 0,
                            //fillColor: '#FF0000',
                            strokeColor: '#FF0000',
							bubble:true
                        });
                        polygons.push(polygon);
                    }
                    map.setFitView();//地图自适应
                }
            });
   });

var markerArray=new Array();

lunxun(markerArray,map);

</script>